<!-- <link rel="stylesheet" href="http://at.alicdn.com/t/font_3388031_ehr5q4fck6w.css"> -->
<link rel="stylesheet" href="./css/samsunm.css">
<!-- header -->

<div class="nubust">
    <div class="nubus_boxt">
        <p class="titlet">在逛会儿</p>
        <button type="button" class="ggt">确定</button>
        <button type="button" class="jiarugouwuchet">取消</button>
        <span class="iconfont icon-chahao1"></span>
    </div>
</div>
<div class="header">
    <div class="header_top">
        <div class="header_top-content">
            <div><a href="#">三星官网</a></div>
            <div><a href="#">盖乐世社区</a></div>
            <div><a href="#">三星网上商城VIP用户专属服务上线<i class="iconfont icon-youshangjiantou"></i>
                </a></div>
            <div><a href="#"><i class="iconfont icon-dianhua"></i> 400 011 8899</a></div>
        </div>
    </div>
    <!--nav部分-->
    <div class="navg">
        <div class="nav_mubu"></div>
        <div class="navg_warp">

            <nav class="header_nav">
                <div class="navh_baiseLise"></div>
                <div class="nav_bar">
                    <div class="nav_logo">
                        <a href="#"><img
                                src="https://www.samsungeshop.com.cn/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/global-samsung-logo1.png"
                                alt=""></a>
                    </div>
                    <div class="nav_monu_warp">
                        <div class="nav_monu_const"></div>
                        <div class="nav_monu_container">
                            <div class="nav_main">
                                <ul class="nav_main_ul">
                                    <li class="nav_main_ul_li">
                                        <!-- 一级导航 -->
                                        <a class="listA" href="#"><span>智能手机</span></a>
                                        <div class="nav_inner_warp ">
                                            <div class="nav_inners">
                                                <div class="nav_title_warp">
                                                    <strong>
                                                        <a href="#" class="nav_Title">智能手机</a>

                                                    </strong>
                                                    <div class="tiao"></div>
                                                </div>
                                                <!-- navlist -->
                                                <ul class="nav_inner_ul">
                                                    <li class="erLi">
                                                        <!-- 二级导航 -->
                                                        <a href="#" class="activeJ"><span>三星 W</span>
                                                        </a>
                                                        <!-- 三级导航 -->
                                                        <div class="nav_three_warp">
                                                            <div class="nav_three">
                                                                <ul class="nav_three_ul">
                                                                    <li><a href="#"><span>全系列产品</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"> <span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy Z</span></a>
                                                        <!-- 三级导航 -->
                                                        <div class="nav_three_warp">
                                                            <div class="nav_three">
                                                                <ul class="nav_three_ul">
                                                                    <li><a href="#"><span>全系列产品</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"> <span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy S</span></a>
                                                        <!-- 三级导航 -->
                                                        <div class="nav_three_warp">
                                                            <div class="nav_three">
                                                                <ul class="nav_three_ul">
                                                                    <li><a href="#"><span>全系列产品</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"> <span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy Note</span></a>
                                                        <!-- 三级导航 -->
                                                        <div class="nav_three_warp">
                                                            <div class="nav_three">
                                                                <ul class="nav_three_ul">
                                                                    <li><a href="#"><span>全系列产品</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"> <span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy A</span></a>
                                                        <!-- 三级导航 -->
                                                        <div class="nav_three_warp">
                                                            <div class="nav_three">
                                                                <ul class="nav_three_ul">
                                                                    <li><a href="#"><span>全系列产品</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"> <span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy F</span></a>
                                                        <!-- 三级导航 -->
                                                        <div class="nav_three_warp">
                                                            <div class="nav_three">
                                                                <ul class="nav_three_ul">
                                                                    <li><a href="#"><span>全系列产品</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"> <span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <!-- navRight -->
                                                <div class="nav_right">
                                                    <div class="nav_right_container">
                                                        <a href="#">
                                                            <div class="nav_right_img">
                                                                <img src="https://image.samsungeshop.com.cn/goods/2022/02/22/6214e67ae4b04c32de5ea6d2.png"
                                                                    alt="">
                                                            </div>
                                                            <div class="nav_right_title">
                                                                <p>Galaxy S22 系列</p>
                                                                <span>了解更多</span>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div>

                                                <a href="#" class="gbcd">
                                                    <span class="iconfont icon-chahao"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="nav_main_ul_li">
                                        <a class="listA" href="#"><span>平板/存储</span></a>
                                        <div class="nav_inner_warp ">
                                            <div class="nav_inners">
                                                <div class="nav_title_warp">
                                                    <strong>
                                                        <a class="nav_Title" href="#">平板/存储</a>
                                                    </strong>
                                                    <div class="tiao"></div>
                                                </div>
                                                <!-- navlist -->
                                                <ul class="nav_inner_ul">
                                                    <li class="erLi">
                                                        <!-- 二级导航 -->
                                                        <a href="#"><span>三星 W</span></a>
                                                        <!-- 三级导航 -->
                                                        <div class="nav_three_warp">
                                                            <div class="nav_three">
                                                                <ul class="nav_three_ul">
                                                                    <li>
                                                                        <a href="#"><span>全系列产品</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"> <span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="erLi"><a href="#"><span>Galaxy Z</span></a>
                                                    </li>
                                                    <li class="erLi"><a href="#"><span>Galaxy S</span></a>
                                                    </li>
                                                    <li class="erLi"><a href="#"><span>Galaxy Note</span></a>
                                                    </li>
                                                    <li class="erLi"><a href="#"><span>Galaxy A</span></a>
                                                    </li>
                                                    <li class="erLi"><a href="#"><span>Galaxy F</span></a>
                                                    </li>
                                                </ul>
                                                <!-- navRight -->
                                                <div class="nav_right">
                                                    <div class="nav_right_container">
                                                        <a href="#">
                                                            <div class="nav_right_img">
                                                                <img src="https://image.samsungeshop.com.cn/goods/2022/02/22/6214e67ae4b04c32de5ea6d2.png"
                                                                    alt="">
                                                            </div>
                                                            <div class="nav_right_title">
                                                                <p>Galaxy S22 系列</p>
                                                                <span>了解更多</span>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div>

                                                <a href="#" class="gbcd">
                                                    <span class="iconfont icon-chahao"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="nav_main_ul_li">
                                        <a class="listA" href="#"><span>可穿戴设备</span></a>
                                        <div class="nav_inner_warp">
                                            <div class="nav_inners">
                                                <div class="nav_title_warp">
                                                    <strong>
                                                        <a class="nav_Title" href="#">可穿戴设备</a>
                                                    </strong>
                                                    <div class="tiao"></div>
                                                </div>
                                                <!-- navlist -->
                                                <ul class="nav_inner_ul">
                                                    <li class="erLi">
                                                        <!-- 二级导航 -->
                                                        <a href="#" class=" "><span>三星 W</span>
                                                        </a>
                                                        <!-- 三级导航 -->
                                                        <div class="nav_three_warp">
                                                            <div class="nav_three">
                                                                <ul class="nav_three_ul">
                                                                    <li><a href="#"><span>全系列产品</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"> <span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li> <a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="erLi"><a href="#"><span>Galaxy Z</span></a>
                                                    </li>
                                                    <li class="erLi"><a href="#"><span>Galaxy S</span></a>
                                                    </li>
                                                    <li class="erLi"><a href="#"><span>Galaxy Note</span></a>
                                                    </li>
                                                    <li class="erLi"><a href="#"><span>Galaxy A</span></a>
                                                    </li>
                                                    <li class="erLi"><a href="#"><span>Galaxy F</span></a>
                                                    </li>
                                                </ul>
                                                <!-- navRight -->
                                                <div class="nav_right">
                                                    <div class="nav_right_container">
                                                        <a href="#">
                                                            <div class="nav_right_img">
                                                                <img src="https://image.samsungeshop.com.cn/goods/2022/02/22/6214e67ae4b04c32de5ea6d2.png"
                                                                    alt="">
                                                            </div>
                                                            <div class="nav_right_title">
                                                                <p>Galaxy S22 系列</p>
                                                                <span>了解更多</span>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div>

                                                <a href="#" class="gbcd">
                                                    <span class="iconfont icon-chahao"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="nav_main_ul_li">
                                        <a class="listA" href="#"><span>智能产品配件</span></a>
                                        <div class="nav_inner_warp">
                                            <div class="nav_inners">
                                                <div class="nav_title_warp">
                                                    <strong>
                                                        <a class="nav_Title" href="#">智能产品配件</a>
                                                    </strong>
                                                    <div class="tiao"></div>
                                                </div>
                                                <!-- navlist -->
                                                <ul class="nav_inner_ul">
                                                    <li class="erLi">
                                                        <!-- 二级导航 -->
                                                        <a href="#" class=" "><span>三星 W</span>
                                                        </a>
                                                        <!-- 三级导航 -->
                                                        <div class="nav_three_warp">
                                                            <div class="nav_three">
                                                                <ul class="nav_three_ul">
                                                                    <li><a href="#"><span>全系列产品</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"> <span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy Z</span></a>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy S</span></a>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy Note</span></a>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy A</span></a>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy F</span></a>
                                                    </li>
                                                </ul>
                                                <!-- navRight -->
                                                <div class="nav_right">
                                                    <div class="nav_right_container">
                                                        <a href="#">
                                                            <div class="nav_right_img">
                                                                <img src="https://image.samsungeshop.com.cn/goods/2022/02/22/6214e67ae4b04c32de5ea6d2.png"
                                                                    alt="">
                                                            </div>
                                                            <div class="nav_right_title">
                                                                <p>Galaxy S22 系列</p>
                                                                <span>了解更多</span>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div>

                                                <a href="#" class="gbcd">
                                                    <span class="iconfont icon-chahao"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="nav_main_ul_li">
                                        <a class="listA" href="#"><span>电视/影音/显示器</span></a>
                                        <div class="nav_inner_warp">
                                            <div class="nav_inners">
                                                <div class="nav_title_warp">
                                                    <strong>
                                                        <a class="nav_Title" href="#">电视/影音/显示器</a>
                                                    </strong>
                                                    <div class="tiao"></div>
                                                </div>
                                                <!-- navlist -->
                                                <ul class="nav_inner_ul">
                                                    <li class="erLi">
                                                        <!-- 二级导航 -->
                                                        <a href="#" class=" "><span>三星 W</span>
                                                        </a>
                                                        <!-- 三级导航 -->
                                                        <div class="nav_three_warp">
                                                            <div class="nav_three">
                                                                <ul class="nav_three_ul">
                                                                    <li><a href="#"><span>全系列产品</span></a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span></a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span></a>
                                                                    </li>
                                                                    <li><a href="#"><span>三星W22 5G</span></a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy Z</span></a>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy S</span></a>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy Note</span></a>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy A</span></a>
                                                    </li>
                                                    <li class="erLi">
                                                        <a href="#"><span>Galaxy F</span></a>
                                                    </li>
                                                </ul>
                                                <!-- navRight -->
                                                <div class="nav_right">
                                                    <div class="nav_right_container">
                                                        <a href="#">
                                                            <div class="nav_right_img">
                                                                <img src="https://image.samsungeshop.com.cn/goods/2022/02/22/6214e67ae4b04c32de5ea6d2.png"
                                                                    alt="">
                                                            </div>
                                                            <div class="nav_right_title">
                                                                <p>Galaxy S22 系列</p>
                                                                <span>了解更多</span>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div>
                                                <a href="#" class="gbcd">
                                                    <span class="iconfont icon-chahao"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-- 注册，搜索功能 -->
                            <div class="nav_sub">
                                <ul class="nav_sub_ul">
                                    <li class="sub_search_btn">
                                        <div class="search_btn">
                                            <input type="text" class="soso">
                                            <span class="iconfont icon-sousuo"></span>
                                        </div>
                                        <ul class="sosoList" style="display: none;">
                                        </ul>
                                    </li>
                                    <li>
                                        <span class="iconfont icon-gouwuche">
                                        </span>
                                        <div class="sLk">
                                            <span>0</span>
                                        </div>
                                        <div class="noShoplist">
                                            <span>购物车里没有宝贝呦!</span>
                                        </div>
                                        <div class="goShoplist">
                                            <div class="crtList_item">
                                                <div class="crtList_content" style="display: none;">
                                                    <div class="crtList_img"><img src="" alt=""></div>
                                                    <div class="crtList_title">
                                                        <p>Galaxy S22+ 曜夜黑按时到内网</p>
                                                        <span>Galaxy S22+</span>
                                                        <span>8GB RAM</span>
                                                    </div>
                                                    <!-- <div class="crtList_color"></div> -->
                                                    <span class="crtList_jg">￥7750</span>
                                                    <div class="crtList_X">
                                                        <span class="iconfont icon-chahao1"></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="goShoplist_bottom">
                                                <div class="goShoplist_bottom_L">
                                                    <span>共<i>0</i>件产品</span>
                                                    <span>￥7750</span>
                                                </div>
                                                <div class="goShoplist_bottom_btn">
                                                    <button type="button" class="gowuc">去购物车结算</button>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="login_register_l">
                                        <div class="login_register"><a href="./login.html">登录/注册</a></div>
                                    </li>
                                    <li class="login_register_r">
                                        <div class="user_login">
                                            <span class="iconfont icon-yonghu"></span><span class="user_name">111</span>
                                        </div>
                                        <ul class="user_login_xinxi">
                                            <li>我的订单</li>
                                            <li>我的收藏</li>
                                            <li>我的评价</li>
                                            <li>个人主页</li>
                                            <li>收货地址</li>
                                            <li>消费通知</li>
                                            <li>售后服务</li>
                                            <li>学生购</li>
                                            <li>企业购</li>
                                            <li>我的定制</li>
                                            <li>服务支持</li>
                                            <li><button class="tc_btn" type="button">退出</button></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
            </nav>
        </div>
    </div>
</div>
<script>
    let sosoList = $('.sosoList')

    function taobao(data) {
        // console.log(data.result);
        let datas = data.result
        let str = ''
        for (let data of datas) {
            str += `<li>${data[0]}</li>`
        }
        sosoList.html(str)
    }

    function debounce(kz, time) {
        let t = null
        return function () {
            clearInterval(t)
            t = setInterval(() => {
                kz.call(this, arguments[0])
            }, time)
        }
    }
    //需要执行的函数防抖操作
    function kz() {
        let jsonp = document.querySelector('#jsonp');
        if (jsonp) {
            jsonp.remove();
        }
        let cScript = document.createElement('script');
        cScript.src = 'https://suggest.taobao.com/sug?k=1&area=c2c&q=' + $('.soso').val() +
            '&code=utf-8&ts=1651716784581&callback=taobao';
        cScript.id = 'jsonp';
        document.body.appendChild(cScript);
        if ($(this).val() === '') {
            $('.sosoList').hide()
        }
    }
    //每次执行该函数通过调用防抖函数返回一个新的函数处理后执行改函数，控制函数的执行次数
    $('.soso').on('input', debounce(kz, 300))
</script>